﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wap/Shop/ShopSite.Master" AutoEventWireup="true" CodeBehind="StoreDefault.aspx.cs" Inherits="ZLCMS.Web.Wap.Shop.StoreDefault" %>
<%@ Register src="Footer.ascx" tagname="Footer" tagprefix="uc1" %>
<%@ Register src="UC_ShopNavBar.ascx" tagname="UC_ShopNavBar" tagprefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>V.生活</title>
    <%--<style type="text/css">
        .banner{width:100%; position:relative; margin:0 auto;}
        .banner ul.bxslider li{position:relative;}
        .banner ul.bxslider li img {margin: 0 auto; width:100%;}
        .banner .bx-pager{ bottom:5px!important;}
        .banner .bx-pager a{ background:#fff!important;}
        .banner .bx-pager a.active{ background:#f9384d!important;}
        .banner .bx-wrapper{ margin:0;}
        .banner .bx-viewport{box-shadow: none!important; left:0!important; border:none!important;}
        
    </style>--%>
    <link href="/wap/lib/bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/wap/lib/bxslider/jquery.bxslider.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="pages" runat="server">
    <!--S page -->
    <div data-role="page" id="mypage">

	    <!--S header -->
	    <div data-role="header" data-position="fixed" data-tap-toggle="false">
	        <uc2:UC_ShopNavBar ID="UC_ShopNavBar1" runat="server" />
	    </div>
        <!--E header -->
	
        <!--S content -->
	    <div role="main" class="ui-content storedefault">
            <%--<div class="banner">
                <ul class="bxslider">
                    <li><img src="images/storeBanner.jpg" /></li>
                    <li><img src="images/storeBanner.jpg" /></li>
                    <li><img src="images/storeBanner.jpg" /></li>
                    <li><img src="images/storeBanner.jpg" /></li>
                  </ul>         
            </div>--%>
            <div class="storeBanner">
                <img src="images/storeBanner.jpg" />
            </div>
            <div class="adverTxt">
                <div class="adverTxt_box">
                    <img src="images/adverinfo.png" />
                    <p>美味来袭，阳澄湖大闸蟹新鲜上架</p>
                    <a href="/Wap/Shop/ProductDetail.aspx?no=NO0000000273" data-ajax="false">马上购买</a>
                </div>
                <div class="adverTxt_box">
                    <img src="images/adverinfo.png" />
                    <p>烘培培训班专场，<span style="color:#f9384d; margin:0 2px;">8</span>折限时特惠</p>
                    <a href="/Wap/Shop/ProductList.aspx?keyword=培训" data-ajax="false">马上进入</a>
                </div>
            </div>
            <div class="dayKill">
                <h5>今日秒杀</h5>
                <div>
                    <div>
                        <p>云南特产松茸</p>
                        <p>限时抢购售完为止</p>
                        <ul class="countDown">
                            <li><span class="h1">0</span><span class="h2">0</span></li>
                            <li>:</li>
                            <li><span class="m1">0</span><span class="m2">0</span></li>
                            <li>:</li>
                            <li><span class="s1">0</span><span class="s2">0</span></li>
                        </ul>
                    </div>
                    <img src="images/product1.jpg" />
                    <div>
                        <p>限时秒杀</p>
                        <a href="">立即抢购</a>
                    </div>
                </div>
            </div>
            <div class="dayRush">
                <div class="left">
                    <p>限时抢购</p>
                    <ul class="countDown">
                        <li><span class="h1">0</span><span class="h2">0</span></li>
                        <li>:</li>
                        <li><span class="m1">0</span><span class="m2">0</span></li>
                        <li>:</li>
                        <li><span class="s1">0</span><span class="s2">0</span></li>
                    </ul>
                    <a href="#"><img src="images/qianggou.jpg" /></a>
                </div>
                <div class="right">
                    <div class="hotSell">
                        <p class="title">今日热卖</p>
                        <div><a href="/Wap/Shop/ProductDetail.aspx?no=NO0000000273" data-ajax="false"><img src="images/qianggou2.jpg" /></a></div>
                    </div>
                    <div class="newSell">
                        <p class="title">每日新品</p>
                        <div><a href="/Wap/Shop/ProductDetail.aspx?no=NO0000000298" data-ajax="false"><img src="images/qianggou3.jpg" /></a></div>
                    </div>
                </div>
            </div>
            <div class="dayfavorable">
                <h5>每日特惠</h5>
                <ul>
                    <li>
                        <img src="images/product2.jpg" />
                        <p class="dayfavorable_title" style="width: 100px;">新疆核桃500g/包韩国尔木萄面膜韩国尔木萄面膜</p>
                        <div>
                            <span>¥46.8</span>
                            <img src="images/shopcar2.png" />
                        </div>
                    </li>
                    <li>
                        <img src="images/product2.jpg" />
                        <p class="dayfavorable_title">新疆开心果280g/罐</p>
                        <div>
                            <span>¥12.8</span>
                            <img src="images/shopcar2.png" />
                        </div>
                    </li>
                    <li>
                        <img src="images/product2.jpg" />
                        <p class="dayfavorable_title">新疆枸杞250g/罐</p>
                        <div>
                            <span>¥12.8</span>
                            <img src="images/shopcar2.png" />
                        </div>
                    </li>
                </ul>
            </div>
            <div class="classify">
                <h5>产品分类</h5>
                <ul>
                    <li>
                        <div><img src="dvimg/c_1.jpg" /></div>
<%--                        <p>时令鲜果</p>--%>
                    </li>
                    <li>
                        <div><img src="dvimg/c_2.jpg" /></div>
<%--                        <p>优选干果</p>--%>
                    </li>
                    <li>
                        <div><img src="dvimg/c_3.jpg" /></div>
<%--                        <p>茶叶礼盒</p>--%>
                    </li>
                    <li>
                        <div><img src="dvimg/c_4.jpg" /></div>
<%--                        <p>养颜保健</p>--%>
                    </li>
                    <li>
                        <div><img src="dvimg/c_5.jpg" /></div>
<%--                        <p>零食副食</p>--%>
                    </li>
                    <li>
                        <div><img src="dvimg/c_6.jpg" /></div>
<%--                        <p>家用电器</p>--%>
                    </li>
                </ul>
            </div>
            <div class="actboxContainer">
                <h5>今日热卖</h5>
                <div class="indexbox">
                    <div class="actbox">
                          <a href="" data-ajax="false"><img src="images/banner.jpg"></a>
                          <h2>韩国尔木萄面膜</h2>
                          <p>啦啦啦啦啦打多点字试试啦啦啦啦啦打多点字试试啦啦啦啦啦打多点字试试</p>
                    </div>
                    <div class="actbox">
                          <a href="" data-ajax="false"><img src="images/banner.jpg"></a>
                          <h2>韩国尔木萄面膜</h2>
                          <p>啦啦啦啦啦</p>
                    </div>
                    <div class="actbox">
                          <a href="" data-ajax="false"><img src="images/banner.jpg"></a>
                          <h2>韩国尔木萄面膜</h2>
                          <p>啦啦啦啦啦</p>
                    </div>
                </div>
            </div>
 	    </div>
        <!--E content -->
	
        <!--S footer -->
	    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
                    <uc1:Footer ID="Footer1" runat="server" />    
        </div>
        <!--E footer -->
    </div>
    <!--E page -->
    
    <script src="js/clamp.min.js"></script>
    <script type="text/javascript">
         $(function(){
            $('.bxslider').bxSlider({
                auto: true, 
                mode : 'horizontal',  
            });

            //导航更多
            function showlist(){
                $('.ui-content').css('min-height',$(window).height());
                $('.storedefault .navBar .others').css('height',$(window).height());
                var isShow = true;
                $(document).click(function(){
                     $('.storedefault .navBar .others').hide();
                     isShow = true;
                });
                $('.storedefault .navBar ul li:last-child').click(function(){
                if(isShow){
                    $('.storedefault .navBar .others').show();
                    isShow = false;
                }else{
                    $('.storedefault .navBar .others').hide();
                    isShow = true
                }
                event.stopPropagation();
                });
                $('.storedefault .navBar .others ol').click(function(){
                    event.stopPropagation();
                });
            }
            showlist();


            //第二行文字溢出省略号
            var paragraph = document.getElementsByClassName('dayfavorable_title');
            for(var i=0;i<paragraph.length;i++){
                $clamp(paragraph[i], {clamp: 2});
            }

            //优惠券轮播
            var n = 1;
            var interval;
            $('.adverTxt .adverTxt_box:nth-child(1)').css('z-index', 1);
            function rungrade() {
                $('.adverTxt .adverTxt_box:nth-child(' + n + ')').animate({ 'top': '-40px' }).css({ 'top': 0 });
                if ($('.adverTxt .adverTxt_box').length == n) {
                    n = 0;
                }
                n++;
                $('.adverTxt .adverTxt_box:nth-child(' + n + ')').css({ 'top': '40px', 'z-index': n }).animate({ 'top': 0 });
        
            }
            if($('.adverTxt .adverTxt_box').length != 1){
                interval = setInterval(rungrade, 2000);
            }
        });
    </script>
</asp:Content>
